<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>SSE Demo</title>
</head>
<body>
    <h1>SSE消息接收</h1>
    <div id="messages"></div>

    <script>
        // 创建EventSource实例，连接到后端SSE接口
        const evtSource = new EventSource("http://localhost:8888/chat/stream");

        // 监听自定义事件（这里是"message"）
        evtSource.addEventListener("message", function(event) {
            const messageDiv = document.getElementById("messages");
            const newMessage = document.createElement("p");
            newMessage.textContent = event.data;
            messageDiv.appendChild(newMessage);
        });

        // 也可以监听onerror处理连接错误
        evtSource.onerror = function(event) {
            console.error("SSE连接出错：", event);
        };
    </script>
</body>
</html>
